<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=620" />
<title>Haiko Clock</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>

    <header>
      <h1>Haiko Clock</h1>
	  <nav>
      <a href="clock.htm" target="_self">Home &nbsp;</a>
      <a href="setting.htm" target="_self">Personalize The Clock  &nbsp;</a>
      <a href="addEvent.htm" target="_self">Add A Notification  &nbsp;</a>
      <a href="removeEvent.htm" target="_self">Remove Notifications &nbsp;</a>
	  <a href="about.htm" target="_self">About &nbsp;</a>
	  </nav>
    </header>
    <article></article>
	
	<br/>
<script type="text/javascript" src="clockFactory.js">
</script>

<script type="text/javascript" src="ring.js">
</script>
<script type="text/javascript" src="utils.js">
</script>
<canvas id="myClock" width="500" height="500">[No canvas support]</canvas>
<script>
loadEvents();
//showAll();
function init(){
  buildClock();
  setInterval(buildClock,1000);
}
init();
buildClock();
</script>

<footer>page powered by <img src="icons/HTML5_Logo_32.png" alt="HTML5"/></footer>
</body>


</html>
